html,body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Microsoft YaHei','Microsoft YaHei';
	color: #444;
	font-size: 1em;
	line-height: 1;
	overflow: hidden;
}
* {
	box-sizing:border-box;
}
h1, h2, h3, h4, h5, h6{margin-top: 5px;margin-bottom: 5px;}
ul{padding: 0;margin: 0;}
li{list-style-type: none;}
section {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    /*background: #f5f5f5;*/
    flex-wrap: wrap;
}

section header {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.5em;
    /*background: #eee;*/
}

section footer {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.5em;
    /*background: #a0a0a0;*/
}

section dl {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    overflow: visible;
    margin: 0;
    padding: 0.5em;
}

section dl dt {
	font-weight:500;
    flex: 0 0 40%;
    margin: auto;
    text-overflow: ellipsis;
    overflow: hidden;
}

section dd {
	font-weight:500;
    flex: 0 0 60%;
    margin-left: auto;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    padding:2px 0;
}
section dd input {
	width: 100%;
}

.elip {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
/*clearfix*/
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
	line-height:0;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	*zoom:1;/*ie6,7*/
}
a,a:hover{color: #444;text-decoration: none;}


/*输入框*/
input[type="text"],input[type="password"] {
	border: 1px solid #ddd;
	outline: none;
	transition: all .3s;
	border-radius: 2px;
}
input[type="text"]:hover,input[type="password"]:hover,.textarea:hover {
	box-shadow: 0 0 2px #ddd inset;
}
input[type="text"]:focus,input[type="password"]:focus,.textarea:focus {
	border: 1px solid #0099FF;
}

/*contenteditable*/
.contentCls{
	width:200px;
	color: #888;
	border-radius: 2px;
	min-height:30px;
	max-height:100px;
	_height:60px;
	display: inline-block;
	margin: 0 5px;
	padding:5px;
	outline:none;
	border: 1px solid #ddd;
	line-height:18px;
	word-wrap:break-word;
	overflow-x:hidden;
	overflow-y:auto;
	float: left;
	white-space : pre-wrap;
	-webkit-user-modify: read-write-plaintext-only;
}

/*****************************************chosen******************************************/
.chosen-container {font-size: 16px;margin: 0 5px;color: #888;}
.chosen-container-single .chosen-single {
	background: #fff;
	border: 1px solid #ddd;
	border-radius:2px;
	box-shadow: none;
	height: 30px;
	line-height: 28px;
	padding-left:5px;
	color: inherit;
}
.chosen-container-single .chosen-default{color: #aaa;}
.chosen-container-single .chosen-single div b {background-position: 0 5px;}
.chosen-container-active.chosen-with-drop .chosen-single div b {background-position: -18px 5px;}
.chosen-container-active .chosen-single {border:1px solid #0099FF;}
.chosen-container-active.chosen-with-drop .chosen-single {background: none;border: 1px solid #ddd;}
.chosen-container-single .chosen-search input[type="text"] {padding:3px 20px 3px 5px;height: 24px;line-height: 24px;}

/*多选*/
/*.chosen-container-multi .chosen-choices li.search-field{width: 0;}*/
.chosen-container-multi .chosen-choices {
	border: 1px solid #ddd;
	box-shadow: none;
	height: 28px;
	line-height: 28px;
	background: none;
	border-radius: 2px;
	padding-right: 5px;
	/*max-height: 200px;*/
	/*overflow-y: auto;*/
}
.chosen-container-multi .chosen-choices:hover {box-shadow: 0 0 2px #ddd inset;}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	height: 26px;
	line-height: 26px;
	color: #aaa;
	padding: 5px;
	transition: none;
}
/*.chosen-container-multi .chosen-choices li.search-field .default{color: #aaa;}*/
.chosen-container-active .chosen-choices {border:1px solid #0099FF;}
.chosen-container-active.chosen-with-drop .chosen-choices {border:1px solid #ddd;}
.chosen-container .chosen-drop{
	border: 1px solid #ddd;
	border-top:none;
	border-radius: 0 0 4px 4px;
}
.chosen-container .chosen-results li.active-result ,
.chosen-container .chosen-results li.result-selected{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.chosen-container .chosen-results li.highlighted {background: #0099FF;}
.chosen-container-multi .chosen-results {margin: 4px;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {top:6px;background-position: -42px 2px;}
.chosen-container-multi .chosen-choices li.search-choice {
	padding: 4px 20px 4px 4px;
	background: #f4f4f4;
	box-shadow: none;
	color: #666;
	border: 1px solid #ccc;
	line-height: 1;

	/*white-space: nowrap;*/
	/*text-overflow: ellipsis;*/
	/*overflow: hidden;*/
	/*max-width:80%;*/
}
/*****************************************chosen******************************************/

/*****************************************button******************************************/
[class*="sm-btn"] {
	text-align: center;
	padding: 0 12px;
	display: inline-block;
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius:2px;
	outline: none;
}
[class*="sm-btn"]:hover,[class*="sm-btn"]:focus,[class*="sm-btn"]:active {opacity: .8;}

.sm-btn-s {
	min-width: 90px;
	height: 32px;
	line-height: 30px;
}
.sm-btn-m {
	min-width: 130px;
	height: 32px;
	line-height: 30px;
}
.sm-btn-l {
	min-width: 140px;
	height: 40px;
	line-height: 38px;
}

.sm-btn-green {
	background: #3c6;
	border: 1px solid #3c6;
	color: #fff;
}

.sm-btn-white {
	background: #f4f4f4;
	border: 1px solid #ddd;
	color: #888;
}


/*****************************************button******************************************/
/*右侧页面顶头*/
.view-header {padding-left:15px;}
	.view-header .head-icon {
		font-size:14px;
		height: 50px;
		/*width: 50px;*/
		float: left;
		text-align: center;
		line-height: 50px;
		cursor: pointer;
		color: #888;
		margin-right: 30px;
		transition: all .3s;
	}
	.view-header .head-icon i {margin-right: 10px;}
	.view-header .head-icon input {height: 1.2em; line-height: 1.2em;}
	/*添加按钮*/
	.view-header .head-icon.plus:hover{
		color: #3c6;
	}
	.view-header .head-icon.refresh:hover{
		color: #f90;
	}

.view-content {
	position: absolute;
	top:50px;
	bottom:0;
	overflow: hidden;
	width: 100%;
}
/*左侧*/
.view-content .view-left {
	color: #999;
	position: absolute;
	top: 0;
	bottom: 0;
}
	/*搜索*/
	.view-content .view-left .view-left-search i{
		position: absolute;
		top:10px;
		left:25px;
	}
	.view-content .view-left .view-left-search input{
		width: 100%;
		height: 36px;
		line-height: 36px;
		padding: 4px 32px;
	}
	/*列表*/
	.view-content .view-left .view-left-item.t-head {
		position: relative;
		cursor: default;
		color: #666;
		border: none;
		background: #f4f4f4;
		font-size: 16px;
		margin-top:10px;
		padding: 10px 15px;
	}
		.view-content .view-left .view-left-item.t-head i {margin-right:10px;}
	.view-content .view-left .item-scroll-box {
		position: absolute;
		top:82px;
		bottom:50px;
		left: 15px;
		right: 15px;
		padding:0 10px 10px;
		overflow-y: auto;
		border: 1px solid #f4f4f4;
	}
		.view-content .view-left .view-left-item {
			font-size: 14px;
			cursor: pointer;
			border-bottom: 1px solid #eee;
			padding: 10px;
			transition: all .3s;
		}
		.view-content .view-left .view-left-item.t-body:hover {background: #f8f8f8;}
		.view-content .view-left .view-left-item.active {background: #f8f8f8;color: #666;}
		.view-content .view-left .view-left-item .single {float: left;width: 100%;padding-right: 30px;}
		.view-content .view-left .view-left-item .double {float: left;width: 40%;padding-right: 30px;}
		.view-content .view-left .view-left-item .double-noicon {float: left;width: 50%;padding-right: 30px;}
		.view-content .view-left .view-left-item .icon {position: absolute;right: 20px}
		.view-content .view-left .view-left-item .delete,.view-content .view-left .view-left-item .add {
			float: right;
			transition: all .3s;
			padding: 10px;
			margin: -10px;
		}
		.view-content .view-left .view-left-item .delete:hover {color: #c30;}
		.view-content .view-left .view-left-item .add:hover {color:#3c6;}
/*右侧*/
.view-content .view-right {
	position: absolute;
	top:0;
	bottom: 0;
}
.view-content .view-right .view-right-title {
	height: 36px;
	line-height: 36px;
	color: #888;
}
	.view-content .view-right .view-right-title span{color:#0099FF;}
.view-content .view-right .new-content {
	position: absolute;
	top:36px;
	bottom:50px;
	overflow-y: auto;
	overflow-x: hidden;
	/*width: 100%;*/
	left: 20px;
	right: 0;
}
.view-content .view-right .new-item {margin: 10px 0;min-height: 30px;line-height: 30px;}
	.view-content .view-right .new-item .span {height: 30px;margin:0 5px;float: left;}
	.view-content .view-right .new-item .input {
		height: 30px;
		padding: 5px;
		margin:0 5px;
		width: 200px;
		color: #888;
	}
	.view-content .view-right .new-item .input.edit {
		color: #888;
		outline: none;
		border: none;
		background: none;
	}
	.view-content .view-right .new-item .input.edit:hover {box-shadow: none;}

	.view-content .view-right .new-item .sex-radio {
		color: #888;
		line-height: 30px;
		margin: 0;
		padding: 0 10px;
		cursor: pointer;
		font-weight: normal;
	}
	.view-content .view-right .new-item i {
		display: inline-block;
		border-radius: 50%;
		float: right;
		width: 18px;
		height: 18px;
		border: 1px solid #ddd;
		position: relative;
		transition: all 0.3s ease;
		margin: 6px;
	}
	.view-content .view-right .new-item .sex-radio:hover i {
		box-shadow: 0 0 2px #ddd inset;
	}
	.view-content .view-right .new-item i.active {border-color: #888;}
	.view-content .view-right .new-item i.active:before {
		background: #888;
		content: "";
		height: 6px;
		left: 5px;
		position: absolute;
		top: 5px;
		width: 6px;
		border-radius: 50%;
	}
	.view-content .view-right .new-item select{margin: 0 5px;}
	.view-content .view-right .new-item .save {width:245px;margin: 10px 5px;}
	.view-content .view-right .new-item .right-div{
		float: left;
		color: #888;
		margin: 0 5px;
		width: 260px;
	}

